
<div id="module_title" >
    <span>Thêm mới người dùng</span>
</div>

<div id="system-message-container">    
    <?php

        if(empty($success)  === false ){
            echo $success[0];
        }

        if(empty($errors)  === false ){
            echo $errors[0];
        }
    ?>
</div>
<script type="text/javascript">
    $(document).ready(function(){       
        
        $.validator.addMethod("validAge", function(value, element, param) {

            var age =  param;

            var datesplit = value.split("-");                     
         
            
            var mydate = new Date();
            mydate.setFullYear(datesplit[2],datesplit[1]-1,datesplit[0]);

            var currdate = new Date();
            currdate.setFullYear(currdate.getFullYear() - age);

            return currdate > mydate;

        }, "Tuổi của người dùng phải từ {0} tuổi trở lên");
        
        $.validator.addMethod("validPhoneNo", function(value, element) {
           var reg_phoneno = /^[0]([0-9]{9,10})$/;
           
           return this.optional(element) || (reg_phoneno.test(value)) ;
           
        }, "Số điện thoại không đúng");
        
        $("#adminForm").validate({ 
            rules: {
                fullname:{
                    required: true,
                    minlength: 5,
                    maxlength: 100
                },
                username:{
                    required: true,
                    minlength: 5,
                    maxlength: 32                    
                },
                password1:{
                    required: true,                    
                    minlength: 5,
                    maxlength: 32
                },
                password2:{
                    required: true,
                    equalTo:"#password1"
                },                
                birthday:{
                    required: true,
                    validAge: 18
                    
                },
                phone:{
                    required: true,
                    validPhoneNo: true
                },
                email:{
                    required: true,
                    email: true
                }
        },
        errorClass: "error",
        validClass: "valid",
        errorElement: "span",
        messages:{
                fullname:{
                    required: "Họ và tên không được để trống",
                    minlength: "Độ dài tối thiểu là 5 kí tự",
                    maxlength: "Độ dài tối đa là 100 kí tự"
                },
                username:{
                    required: "Tên tài khoản không được bỏ trống",
                    minlength: "Độ dài tối thiểu là 5 kí tự",
                    maxlength: "Độ dài tối đa là 32 kí tự"
                },
                password1:{
                    required: "Mật khẩu không được bỏ trống",
                    minlength: "Độ dài tối thiểu là 5 kí tự",
                    maxlength: "Độ dài tối đa là 32 kí tự"
                },
                password2:{
                    required: "Mật khẩu nhập lại không được bỏ trống",
                    equalTo:"Hai mật khẩu không giống nhau"
                },
                birthday:{
                    required: "Ngày sinh không được để trống"
                },
                phone:{
                    required: "Số điện thoại không được để trống"
                },
                email:{
                    required: "Email không được để trống",
                    email: "Email không đúng"
                }
                
            }
        });
    })
</script>
<form action="" method="post" name="adminForm" id="adminForm" > 
    <div id="adminForm_title" >
        <span>Thông tin người dùng</span>
    </div>
    <div class="width-100 fltlft">
        <fieldset class="adminform" >
            <ul class="adminformlist" >
                <li>
                    <label>Họ và Tên
                        <span class="star" >*</span>
                    </label>
                    <input value="<?php echo $_POST['fullname']; ?>" name="fullname" size="40" type="text" required />
                </li>
                
                <li>
                    <label>Tên tài khoản
                        <span class="star" >*</span>
                    </label>
                    <input value="<?php echo $_POST['username']; ?>" name="username" size="30" type="text" required />
                </li>
                
                <li>
                    <label>Mật khẩu
                        <span class="star" >*</span>
                    </label>
                    <input value="" name="password1" id="password1" size="30" type="password" required />
                </li>
                
                <li>
                    <label>Nhập lại mật khẩu
                        <span class="star" >*</span>
                    </label>
                    <input value="" name="password2" size="30" type="password" required />
                </li>
                
                <li>
                    <label>Ngày sinh
                        <span class="star" >*</span>
                    </label>
                    <input value="<?php echo $_POST['birthday']; ?>" name="birthday" id="birthday" size="30" type="text" onclick="this.value='' ;popCalendar.show(this, 'birthday', 'dd-mm-yyyy', true);" required />
                </li>
                
                <li>
                    <label>Địa chỉ
                    </label>
                    <input value="<?php echo $_POST['address']; ?>" name="address" size="40" type="text" />
                </li>
                
                <li>
                    <label>Số điện thoại
                        <span class="star" >*</span>
                    </label>
                    <input value="<?php echo $_POST['phone']; ?>" name="phone" size="30" type="text" required />
                </li>
                
                <li>
                    <label>Email
                        <span class="star" >*</span>
                    </label>
                    <input value="<?php echo $_POST['email']; ?>" name="email" size="40" type="text" required />
                </li>
                
                               
<!--                <li>
                    <label>Quyền người dùng
                        <span class="star" >*</span>
                    </label>
                    <select name="permission" >
                        <option value="31" >Người quản trị</option>
                        <option value="7" >Người quản lý</option>
                        <option value="1" >Người dùng</option>
                        <option value="0" selected >Chưa kích hoạt</option>
                    </select>
                </li>-->
                
                <li>
                    <div class="clr" ></div>
                    <button type="submit" name="btnAdd" class="adminfor-btn" value="save" >Lưu</button>
                    <button type="reset" name="btnReset" class="adminfor-btn" value="reset" >Làm Lại</button>
                </li>
                
            </ul>
        </fieldset>        
    </div>
</form>